<template>
  <div class="header-info">
    <span>{{ title }}</span>
    <p>{{ value }}</p>
    <em v-if="bordered" />
  </div>
</template>

<script setup>
import { defineProps } from "vue"
 defineProps({
    title: {
      type: String,
      default: ''
    },
    value: {
      type: String,
      default: ''
    },
    bordered: {
      type: Boolean,
      default: false
    }
  })

</script>

<style lang="less" scoped>


.header-info {
  position: relative;
  
}
</style>
